<!--  -->
<template>
<div class=''>
  <el-container>
  <el-header>
    
  <headAreaVue></headAreaVue>
  </el-header>
  <el-container>
    <el-aside width="200px">
      <sliderMenu></sliderMenu>
    </el-aside>
    <el-container>
      <el-main>
      <router-view></router-view>
      </el-main>
      <el-footer align="center">
        copyright by Rose  <br/>
   
       </el-footer>
    </el-container>
  </el-container>
</el-container>


</div>
</template>

<script>
import sliderMenu from '@/layout/sliderMenu.vue'
import headAreaVue from '@/layout/headArea.vue';
export default {
  components: {
    sliderMenu,
    headAreaVue,
  },
  data  () {
    return {

    }
  },
  computed: {},
  watch: {},
  methods: {

  },
  created  () {

  },
  mounted  () {

  },
  beforeCreate  () {},
  beforeMount  () {}, 
  beforeUpdate  () {},
  updated  () {}, 
  beforeDestroy  () {}, 
  destroyed  () {},
  activated  () {} 
}
</script>
<style  lang="less" scoped>
.el-header{
  padding: 0;
}
.el-aside{
 
  overflow: hidden;
}

</style>